import reactive, { shallowReactive } from "./reactive.js";
import { effect } from "./effect.js";

const count = reactive({ count: 0, test1: { a: 0 }});
const state2 = shallowReactive({ count: 0, test: { a: 0 } });
const state3 = reactive({ count: 0 });
// console.log(count);
// const test = ref(count)
// console.log(test === count);

effect(() => {
  console.log("fn");
  console.log(count.test1.a);
  console.log(state2.test.a);
  console.log(state3.count);
});
console.log("----------------------");
count.test1.a = 1;
state2.test.a = 1;
